<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #app {
            width: 1500px;
            height: 300px;
        }

        .shang {
            width: 1500px;
            height: 200px;
            /* background-color: aquamarine; */
            position: relative;
        }

        .shang_zuo {
            width: 1000px;
            height: 200px;
            position: absolute;
        }

        .shang_zuo div {
            float: left;
            margin-right: 150px;
            position: relative;
        }

        ul {
            position: absolute;
            top: 10px;
            left: 0;
        }

        ul li {
            width: 90px;
            list-style-type: none;
            position: relative;
            left: -40px;
            color: #a29a96;
            font-size: 12px;
        }

        b {
            color: #4b596a;
        }

        .shang_you {
            width: 450px;
            height: 250px;
            position: absolute;
            right: 0;
            top: 0;
        }

        .b1,
        .b2 {
            width: 150px;
            height: 200px;
            position: absolute;
        }

        .b1 img,
        .b2 img {
            width: 100px;
            position: absolute;
            left: 0;
            top: 20px;
        }

        .b2 {
            top: 0;
            left: 200px;
        }

        .xia {
            width: 1500px;
            height: 100px;
            text-align: center;
            font-size: 12px;
            color: #a29a96;
        }
    </style>
</head>

<body>
    <div id="app">
        <hr>
        <div class="shang">
            <div class="shang_zuo">
                <div>
                    <b>新手入门</b>
                    <ul>
                        <li>购物流程</li>
                        <li>会员制度</li>
                        <li>订单查询</li>
                        <li>发票制度</li>
                        <li>网站地图</li>
                    </ul>
                </div>
                <div>
                    <b>支付方式</b>
                    <ul>
                        <li>货到付款</li>
                        <li>网上支付</li>
                        <li>礼品卡支付</li>
                        <li>其他支付/li>
                    </ul>
                </div>
                <div>
                    <b>配送服务</b>
                    <ul>
                        <li>配送进度查询</li>
                        <li>商品验货与签收</li>
                    </ul>
                </div>
                <div>
                    <b>售后保障</b>
                    <ul>
                        <li>退换货政策</li>
                        <li>联系客服</li>
                    </ul>
                </div>
            </div>
            <div class="shang_you">
                <div class="b1">
                    <b>APP更优惠</b>
                    <img src="./img/0000.jpg" alt="扫码有惊喜" title="扫码有惊喜">
                </div>
                <div class="b2">
                    <b>加微信查订单</b>
                    <img src="./img/111111111.jpg" alt="加好友领男友" title="加好友领男友">
                </div>
            </div>
        </div>
        <div class="xia">
            <span>沪1CP1605468号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;经营执照&nbsp;&nbsp;&nbsp; |
                &nbsp;&nbsp;&nbsp;与联网药品信息报务资格证&nbsp;&nbsp;&nbsp; |
                &nbsp;&nbsp;&nbsp;违法和不良信息举报电话:0527-88100253&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                泸B2-20170039&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp; 泸公网安备 3101050202939号&nbsp;&nbsp;&nbsp;
                |&nbsp;&nbsp;&nbsp; 友情链接</span><br>
            <br>
            <span>Copyright@ 1号店网上超市 2007-2017，All Rights Reserved</span>
        </div>
    </div>
</body>

</html>